<!DOCTYPE html>
<html>
<head>
<title>Notes</title>
<link rel="stylesheet" type="text/css" href="/assets/styles/notes.css"/>
<script type="text/javascript" src="/assets/scripts/common.js"></script>
<script type="text/javascript" src="/assets/scripts/notes.js"></script>
</head>
<body>
  <div id="head">
    <h1>记事簿</h1>
  </div>
  <div id="nav-container">
    <div id="nav-bar">
      <table id="nav-tb">
        <tr>
          <td id="nav-tb-l">
            <div class="nav-btn"><span>新增</span></div>
          </td>
          <td id="nav-tb-c">
            <div id="nav-title"></div>
          </td>
          <td id="nav-tb-r">
            <div class="nav-btn"><span>刷新</span></div>
          </td>
        </tr>
      </table>
    </div>
  </div>
  <div class="main-container">
    <div class="liv">
      <div class="livi">
        <div class="livi-head">
          <div class="livi-headcon">标题1</div>
          <div class="livi-set">
            <div class="livi-seti icon">
            </div>
          </div>
        </div>
        <div class="livi-con">
          囧囧囧
        </div>
      </div>
      <div class="livi ex">
        <div class="livi-head">
          <div class="livi-headcon">标题2</div>
          <div class="livi-set">
            <div class="livi-seti icon">
            </div>
          </div>
        </div>
        <div class="livi-con">
          囧囧囧
        </div>
      </div>
      <div class="livi done">
        <div class="livi-head">
          <div class="livi-headcon">标题1</div>
          <div class="livi-set">
            <div class="livi-seti icon">
            </div>
          </div>
        </div>
        <div class="livi-con">
          囧囧囧
        </div>
      </div>
      <div class="livi ex done">
        <div class="livi-head">
          <div class="livi-headcon">标题2</div>
          <div class="livi-set">
            <div class="livi-seti icon">
            </div>
          </div>
        </div>
        <div class="livi-con">
          囧囧囧
        </div>
      </div>
    </div>
  </div>
  
  <div id="foot">
  </div>
</body>
</html>